<template>
	<view class="people-history" >
		<view class="history-box" v-for="(item,index) in dataList" :key="index">
			<image :src="item.url" ></image>
			<view class="box-msg">
				<view class="msg-sp" >
					姓名：<span>{{item.name}}</span>
				</view>
				<view class="msg-sp" >
					扫墓日期：<span>{{item.time}}</span>
				</view>
			</view>
			<span class="box-btn" @click="goTo_scanningDetails" >查看</span>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList:[
					{
						url:'../../../static/uview/common/z_people.png',
						name:'郝桂英',
						time:'2019-03-03 11:00'
					},
					{
						url:'../../../static/uview/common/z_people.png',
						name:'郝玉甲',
						time:'2020-08-03 11:00'
					}
				]
			};
		},
		
		methods:{
			// 跳转 带扫详情页面
			goTo_scanningDetails(){
				this.$u.route({
					url:'/pages/view/scanningDetails/scanningDetails'
				})
			}
		}
	}
</script>

<style lang="less">
.people-history{
	font-size: 28upx;
	position: relative;
	.history-box{
		border-bottom: 2upx solid #e4e4e4;
		position: relative;
		padding:30upx 20upx 10upx 30upx;
		display: flex;
		image{
			width: 150upx;
			height: 150upx;
			border: 4upx solid #7f4c12;
			border-radius: 50%;
		}
		.box-msg{
			flex: 1;
			margin-left: 10upx;
			padding-top: 16upx;
			.msg-sp{
				color: #000000;
				margin-bottom: 38upx;
				span{
					font-weight: bold;
				}
			}
		}
		.box-btn{
			position: absolute;
			top: 18upx;
			right: 20upx;
			font-size: 28upx;
			color: #ffffff;
			background: #ac7e5e;
			padding: 10upx 40upx;
			border-radius: 6upx;
			z-index: 99;
		}
	}
}
</style>
